<script setup>
import HeadMenu from "@/views/common/headMenu"
import PickHeadMenu from "@/views/common/pickHeadMenu"
import footerMenu from "./views/common/footerMenu.vue";
import { useRoute } from "vue-router";
const route = useRoute();
</script>

<template>
  <PickHeadMenu v-if="route.meta.pickHeader"></PickHeadMenu>
  <HeadMenu v-else></HeadMenu>
  <router-view class="main"></router-view>
  <footerMenu></footerMenu>
</template>

<style scoped>

.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
body {
    padding-top: 62px;
}
/* .main{
  margin-top: 62px;
} */
</style>
